<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<script type="text/javascript">//<![CDATA[  
				function handleMultiTablaDialogGuardar(xhr, status, args) {
					if(args.isMultiTablaSaveOk2) {
						popmpNewEditMultiTabla.hide();
			        }
			    }
				
				function validarSoloSyN(e){
					var tecla = window.event.keyCode;
					if(tecla==83 || tecla==115 || tecla==78 || tecla==110){									
					}else{
	      				window.event.keyCode=0;
	    			}
				}
				
				function validarNumerico(e){
					tecla_codigo = (document.all) ? e.keyCode : e.which;
					if(tecla_codigo==8)return true;
					patron =/[0-9]/;
					tecla_valor = String.fromCharCode(tecla_codigo);
					return patron.test(tecla_valor);
				}
        	//]]></script>
			<title>Asesor 360</title>
		</ui:define>
		<ui:define name="titulopagina">
			<h:outputText value="ADMINISTRAR MULTITABLA DE PARÁMETROS" />
		</ui:define>		
		<ui:define name="agregaIconoExcelRe">
		</ui:define>		  
		<ui:define name="agregaIconoEmail">
		</ui:define>
		<ui:define name="agregaIconoPDFRe">
		</ui:define>
		<ui:define name="agregaIconoEjecutivos">
		</ui:define>
		<ui:define name="bodyarea">
			<input type="hidden" id="nomReporte" name="nomReporte" value="multiTabla" />
			<f:event type="preRenderView" listener="#{multiTablaController.onPageLoad}" />
			<p:messages id="messages" showDetail="true" closable="true" />
			<h:panelGrid columns="1" width="100%" styleClass="bordePanel"
				headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
				style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Criterios de Búsqueda" />
				</f:facet>
				<h:panelGrid columns="3">
					<h:outputText value="Nombre de Tabla :" styleClass="texto" />
					<p:selectOneMenu id="cmbTabla" value="#{multiTablaController.cboSelectedTabla}" converter="mapComboConverter2">
						<p:ajax event="change" listener="#{multiTablaController.listenerCargarListMultiTabla}"
							update=":formPrincipal:idTblMultiTabla,:formPrincipal:messages,:formPrincipal:idPGButtonNew"/>				
						<f:selectItems value="#{multiTablaController.listTablaCombo}" />
					</p:selectOneMenu>
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid columns="1" width="100%" styleClass="bordePanel"
				headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
				style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Resultados" />
				</f:facet>
				<h:panelGrid columns="1" width="99%">
					<p:dataTable id="idTblMultiTabla" value="#{multiTablaController.listaMultiTabla}" var="fila" rowIndexVar="rowIndex"
						paginator="true" rows="10" emptyMessage="No existe información." styleClass="styleDataTableWrapNormal"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:column width="160" sortBy="#{multiTablaController.nombreTabla}">
							<f:facet name="header">
								<h:outputText value="Nombre Tabla"/>
							</f:facet>
							<h:outputText value="#{multiTablaController.nombreTabla}" />
						</p:column>
						<p:column width="30" sortBy="#{fila.idTabla}">
							<f:facet name="header">
								<h:outputText value="Código"/>
							</f:facet>
							<h:outputText value="#{fila.idTabla}" />
						</p:column>
						<p:column width="30" sortBy="#{fila.idItem}">
							<f:facet name="header">
								<h:outputText value="Item"/>
							</f:facet>
							<h:outputText value="#{fila.idItem}" />
						</p:column>
						<p:column width="200" sortBy="#{fila.descripcion}">
							<f:facet name="header">
								<h:outputText value="Nombre Item"/>
							</f:facet>
							<h:outputText value="#{fila.descripcion}" />
						</p:column>
						<p:column width="30" sortBy="#{fila.valor1}">
							<f:facet name="header">
								<h:outputText value="Valor"/>
							</f:facet>
							<h:outputText value="#{fila.valor1}" />
						</p:column>
						<p:column width="45" sortBy="#{fila.compara1}">
							<f:facet name="header">
								<h:outputText value="Compara 1"/>
							</f:facet>
							<h:outputText value="#{fila.compara1}" />
						</p:column>
						<p:column  width="45" sortBy="#{fila.compara2}">
							<f:facet name="header">
								<h:outputText value="Compara 2"/>
							</f:facet>
							<h:outputText value="#{fila.compara2}" />
						</p:column>
						<p:column  width="45" sortBy="#{fila.detalleOrden}">
							<f:facet name="header">
								<h:outputText value="Orden"/>
							</f:facet>
							<h:outputText value="#{fila.detalleOrden}" />
						</p:column>
						<p:column  width="35" sortBy="#{fila.descripcionLarga}">
							<f:facet name="header">
								<h:outputText value="Detalle"/>
							</f:facet>
							<h:outputText id="descriLarga" value="link" />
							<p:tooltip for="descriLarga" value="#{fila.descripcionLarga}" />
						</p:column>
						<p:column width="20" sortBy="#{fila.indActivo}">
							<f:facet name="header">
								<h:outputText value="Activo"/>
							</f:facet>
							<h:outputText value="#{fila.indActivo}" />
						</p:column>
						<p:column width="10">
							<f:facet name="header">
								<h:outputText value=" "/>
							</f:facet>
							<p:commandButton id="btnModificar" actionListener="#{multiTablaController.initModalEditar(fila)}"
								icon="ui-icon-pencil" update=":idmpNewEditMultiTabla" oncomplete="popmpNewEditMultiTabla.show()"/>
							<p:tooltip for="btnModificar" value="Editar" />
						</p:column>
					</p:dataTable>
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGroup id="idPGButtonNew">
				<p:commandButton id="btnNuevo" actionListener="#{multiTablaController.initModalNuevo}" oncomplete="popmpNewEditMultiTabla.show()"
					value="Nuevo" icon="ui-icon-document" update=":idmpNewEditMultiTabla" rendered="#{multiTablaController.showButtonNuevo}" />
			</h:panelGroup>
		</ui:define>

		<ui:define name="extraarea">
			<p:dialog id="idmpNewEditMultiTabla" header="#{multiTablaController.modalTitulo}"
				widgetVar="popmpNewEditMultiTabla" modal="true" dynamic="true" width="600">
				<h:form id="formModalPizarra">
					<p:messages id="messages2" showDetail="true" closable="true" />
					<h:panelGrid columns="1" width="100%">
						<h:panelGrid columns="1" width="100%">
							<h:panelGroup id="idPGFieldsEdit1">
								<h:panelGrid columns="5" width="100%" rendered="#{multiTablaController.showFieldsModalEdit}">
									<h:outputText value="Usuario Modificación:" styleClass="texto" />
									<h:inputText disabled="true" value="#{multiTablaController.strUsuUltModificacion}"/>
									<p:spacer width="10px" height="10px" />
									<h:outputText value="Fecha Modificación:" styleClass="texto"/>
									<h:inputText disabled="true" value="#{multiTablaController.strFecUltModificacion}"/>
								</h:panelGrid>
							</h:panelGroup>
							<h:panelGrid columns="2" width="100%" styleClass="bordePanel" cellspacing="0" 
								cellpadding="5" style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
								<h:outputText value="Descripción:" styleClass="texto"/>
								<h:inputText id="itDescripcion2" value="#{multiTablaController.strDescripcion}"
									style="align-text:right;width:270px" maxlength="100" />
								<h:outputText value="Valor:" style="align-text:right" styleClass="texto" />
								<h:inputText id="itValor2" value="#{multiTablaController.strVarlor}"
									style="align-text:right" maxlength="10" />
								<h:outputText value="Compara 1:" styleClass="texto" />
								<h:inputText id="itCompara12" value="#{multiTablaController.strCompara1}"
									style="align-text:right" maxlength="10" />
								<h:outputText value="Compara 2:" styleClass="texto" />
								<h:inputText id="itComparar22" value="#{multiTablaController.strCompara2}"
									style="align-text:right" maxlength="10" />
								<h:outputText value="Orden:" styleClass="texto" />
								<h:inputText id="itOrden2" value="#{multiTablaController.strOrden}"
									style="align-text:right" maxlength="3" onkeypress="return validarNumerico(event);"/>
								<h:outputText value="Descripción Larga:" styleClass="texto" />
								<p:inputTextarea id="itDescripcionLarga2" cols="40" value="#{multiTablaController.strDescripcionLarga}"
									rows="4" maxlength="1000"/>
								<h:outputText value="Activo:" styleClass="texto" />
								<p:selectOneMenu id="itActivo" value="#{multiTablaController.strActivo}">
									<f:selectItem itemLabel="SI" itemValue="S" />
            						<f:selectItem itemLabel="NO" itemValue="N" />
								</p:selectOneMenu>
							</h:panelGrid>
						</h:panelGrid>
						<h:panelGrid columns="5" width="100%">
							<p:spacer width="85px" height="10px" />
							<p:commandButton icon="ui-icon-disk" value="Guardar" actionListener="#{multiTablaController.guardarMultiTabla}"
								oncomplete="handleMultiTablaDialogGuardar(xhr, status, args)"/>
							<p:spacer width="35px" height="10px" />
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="popmpNewEditMultiTabla.hide()"/>
							<p:spacer width="85px" height="10px" />
						</h:panelGrid>
					</h:panelGrid>
				</h:form>
			</p:dialog>		
		</ui:define>
	</ui:composition>
</html>
